<template>
  <n-config-provider class="h-full" :locale="zhCN" :theme="themeStore.darkTheme ? darkTheme : null" :theme-overrides="themeOverrides">
    <n-notification-provider>
      <n-dialog-provider>
        <n-message-provider>
          <RouterView />
        </n-message-provider>
      </n-dialog-provider>
    </n-notification-provider>
    <div id="ncp"></div>
  </n-config-provider>
</template>
<script lang="ts" setup>
import { zhCN, type GlobalThemeOverrides } from 'naive-ui'
import { darkTheme } from 'naive-ui'
import useThemeStore from '@/stores/theme/themeStore'

const themeStore = useThemeStore()

const themeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: '#2d8cf0',
    primaryColorHover: '#57a3f3',
  }
}
</script>
